<div class="map-com">
  <span class="sline"></span>
  <span class="text">添加书签</span>
</div>

<form nz-form>
  <nz-form-item class="item" style="margin-bottom: 10px;">
    <input nz-input [(ngModel)]="bfs.er.bookname" class="first-input1 fm-input2" name="bn" #bn="ngModel" />
  </nz-form-item>
  <nz-form-item class="item" style="margin-bottom: 10px;text-align: center;">
    <button nz-button nzType="primary" [disabled]='bn.invalid ' (click)="save()"
      [nzLoading]="bfs.isSaveing">添加书签</button>
  </nz-form-item>
</form>
<div class="map-com">
  <span class="sline"></span>
  <span class="text">书签历史</span>
</div>
<nz-table nzSize="middle" nzShowSizeChanger [nzPageSizeOptions]='[ 10, 15, 20, 30, 40, 50 ]' [nzFrontPagination]="false"
  [nzData]="bfs.datas" [nzLoading]="bfs.isLoading || bfs.isDeleing" [nzTotal]="bfs.rowsCount"
  [(nzPageIndex)]="bfs.pageIndex" [(nzPageSize)]="bfs.pageSize" (nzPageIndexChange)="bfs.loadData()"
  (nzPageSizeChange)="bfs.loadData(true)">
  <tbody>
    <tr *ngFor="let data of bfs.datas">
      <td><span (click)="localByBook(data)" class="form-edit" style="margin-left: 10px;">{{data.bookname}}</span></td>
      <td nzWidth="40px">
        <i nz-popconfirm nzTitle="确认删除选择项?" (nzOnConfirm)="bfs.delEntity(data)" nz-icon type="close-circle"></i>
      </td>
    </tr>
  </tbody>
</nz-table>